.a-button-group {
  display: inline-flex
}

.a-button-group>.a-button:hover {
  z-index: 1
}

.a-button-group>.a-button.is-select {
  z-index: 1
}

.a-button-group>.a-button {
  border-radius: 0
}

.a-button-group>.a-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.a-button-group>.a-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.a-button-group>.a-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.a-button-group>.a-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.a-button-group>.a-button:not(:last-child) {
  margin-right: -1px
}

.a-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  outline: none;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--kite-theme-color-6, #2b88fe);
  border-color: var(--kite-theme-color-6, #2b88fe);
  color: #fff
}

.a-button:hover {
  background-color: #1a66d9;
  background-color: var(--kite-theme-color-7, #1a66d9);
  border-color: #1a66d9;
  border-color: var(--kite-theme-color-7, #1a66d9)
}

.a-button:active {
  background-color: var(--kite-theme-color-8, #0c49b3);
  border-color: var(--kite-theme-color-8, #0c49b3)
}

.a-button:disabled {
  background-color: var(--kite-theme-color-4, #7dbeff);
  border-color: var(--kite-theme-color-4, #7dbeff);
  cursor: not-allowed !important
}

.a-button.is-plain {
  background-color: #fff;
  border-color: #d6d6d6;
  color: #333
}

.a-button.is-plain:hover {
  border-color: var(--kite-theme-color-6, #2b88fe);
  color: var(--kite-theme-color-6, #2b88fe)
}

.a-button.is-plain:active {
  border-color: var(--kite-theme-color-7, #1a66d9);
  color: var(--kite-theme-color-7, #1a66d9)
}

.a-button.is-plain:disabled {
  border-color: #e3e3e3;
  color: #d6d6d6
}

.a-button.is-select {
  background-color: #f0f9ff;
  background-color: var(--kite-theme-color-1, #f0f9ff);
  border-color: var(--kite-theme-color-6, #2b88fe);
  color: var(--kite-theme-color-6, #2b88fe)
}

.a-button.is-select:hover {
  border-color: var(--kite-theme-color-6, #2b88fe);
  color: var(--kite-theme-color-6, #2b88fe)
}

.a-button.is-select:active {
  border-color: var(--kite-theme-color-7, #1a66d9);
  color: var(--kite-theme-color-7, #1a66d9)
}

.a-button.is-select:disabled {
  border-color: #e3e3e3;
  color: #d6d6d6
}

.a-button--danger {
  background-color: var(--kite-error-color-6, #f5222d);
  border-color: var(--kite-error-color-6, #f5222d);
  color: #fff
}

.a-button--danger:hover {
  background-color: var(--kite-error-color-7, #cf1322);
  border-color: var(--kite-error-color-7, #cf1322)
}

.a-button--danger:active {
  background-color: var(--kite-error-color-8, #a8071a);
  border-color: var(--kite-error-color-8, #a8071a)
}

.a-button--danger:disabled {
  background-color: #ff7875;
  background-color: var(--kite-error-color-4, #ff7875);
  border-color: #ff7875;
  border-color: var(--kite-error-color-4, #ff7875);
  cursor: not-allowed !important
}

.a-button--danger.is-plain {
  background-color: #fff;
  border-color: var(--kite-error-color-6, #f5222d);
  color: var(--kite-error-color-6, #f5222d)
}

.a-button--danger.is-plain:hover {
  color: var(--kite-error-color-7, #cf1322);
  border-color: var(--kite-error-color-7, #cf1322)
}

.a-button--danger.is-plain:active {
  color: var(--kite-error-color-8, #a8071a);
  border-color: var(--kite-error-color-8, #a8071a)
}

.a-button--danger.is-plain:disabled {
  color: var(--kite-error-color-4, #ff7875);
  border-color: var(--kite-error-color-4, #ff7875);
  cursor: not-allowed
}

.a-button.is-gradient {
  background: linear-gradient(183.3deg, #508EF2 0%, #2E59E8 100%);
  background: var(--kite-gradient-color-1, linear-gradient(183.3deg, #508EF2 0%, #2E59E8 100%));
  border: none;
  color: #fff
}

.a-button.is-gradient:hover {
  background: var(--kite-theme-color-7, #1a66d9);
  border-color: var(--kite-theme-color-7, #1a66d9)
}

.a-button.is-gradient:active {
  background: var(--kite-theme-color-8, #0c49b3);
  border-color: var(--kite-theme-color-8, #0c49b3)
}

.a-button.is-gradient:disabled {
  background: #7dbeff;
  background: var(--kite-theme-color-4, #7dbeff);
  border-color: #7dbeff;
  border-color: var(--kite-theme-color-4, #7dbeff);
  cursor: not-allowed !important
}

.a-button--small {
  font-size: 12px;
  height: 24px;
  padding: 0 12px
}

.a-button--small.a-button--oval {
  border-radius: 12px
}

.a-button--medium {
  font-size: 14px;
  height: 30px;
  padding: 0 16px
}

.a-button--medium .a-button--oval {
  border-radius: 15px
}

.a-button--medium.a-button--oval {
  border-radius: 15px
}

.a-button--large {
  font-size: 16px;
  height: 36px;
  padding: 0 20px
}

.a-button--large.a-button--oval {
  border-radius: 18px
}

.a-button--circle {
  border-radius: 50%;
}

.a-button--square {
  border-radius: 4px;
}

.a-button--small.a-button--circle,.a-button--small.a-button--square {
  width: 24px
}

.a-button--medium.a-button--circle,.a-button--medium.a-button--square {
  width: 30px
}

.a-button--large.a-button--circle,.a-button--large.a-button--square {
  width: 36px
}

.a-button__text {
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1
}

.a-button__text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.a-button__text--ellipsis span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
/*
.a-button--character {
  padding: 0;
  height: auto;
  background: transparent;
  color: #2b88fe;
  color: var(--kite-theme-color-6, #2b88fe);
  border: none
}

.a-button--character:hover {
  border-color: transparent;
  background: transparent;
  color: #1a66d9;
  color: var(--kite-theme-color-7, #1a66d9)
}

.a-button--character:active {
  border-color: transparent;
  background: transparent;
  color: #0c49b3;
  color: var(--kite-theme-color-8, #0c49b3)
}

.a-button--character:disabled {
  border-color: transparent;
  background: transparent;
  color: #7dbeff;
  color: var(--kite-theme-color-4, #7dbeff)
}

.a-button--character.is-plain {
  border-color: transparent;
  background: transparent;
  color: #999
}

.a-button--character.is-plain:hover {
  border-color: transparent;
  background: transparent;
  color: #2b88fe !important;
  color: var(--kite-theme-color-6, #2b88fe) !important
}

.a-button--character.is-plain:active {
  border-color: transparent;
  background: transparent;
  color: #1a66d9 !important;
  color: var(--kite-theme-color-7, #1a66d9) !important
}

.a-button--character.is-plain:disabled {
  border-color: transparent;
  background: transparent;
  color: #d6d6d6 !important
}

.a-button--character.is-error {
  background: transparent;
  color: #f5222d;
  color: var(--kite-error-color-6, #f5222d);
  border: none
}

.a-button--character.is-error:hover {
  border-color: transparent;
  background: transparent;
  color: #cf1322;
  color: var(--kite-error-color-7, #cf1322)
}

.a-button--character.is-error:active {
  border-color: transparent;
  background: transparent;
  color: #a8071a;
  color: var(--kite-error-color-8, #a8071a)
}

.a-button--character.is-error:disabled {
  border-color: transparent;
  background: transparent;
  color: #ff7875;
  color: var(--kite-error-color-4, #ff7875)
}

.a-button--character.is-error.is-plain {
  border-color: transparent;
  background: transparent;
  color: #999
}

.a-button--character.is-error.is-plain:hover {
  border-color: transparent;
  background: transparent;
  color: #f5222d !important;
  color: var(--kite-error-color-6, #f5222d) !important
}

.a-button--character.is-error.is-plain:active {
  border-color: transparent;
  background: transparent;
  color: #cf1322 !important;
  color: var(--kite-error-color-7, #cf1322) !important
}

.a-button--character.is-error.is-plain:disabled {
  border-color: transparent;
  background: transparent;
  color: #d6d6d6 !important
}*/

.a-button--loading .a-button__load-wrap {
  display: inline-flex;
  line-height: 1
}

.a-button--loading .a-button__load-icon {
  animation: load-loop 1s linear infinite
}



@keyframes load-loop {
  from {
      transform: rotate(0deg)
  }

  50% {
      transform: rotate(180deg)
  }

  to {
      transform: rotate(360deg)
  }
}



.a-button--loading:not(.a-button--disabled) {
  pointer-events: none
}

.a-button--loading:not(.a-button--circle):not(.a-button--square) .a-button__load-wrap {
  margin-right: 4px;
  transition: margin-right .3s ease
}

.a-button--loading::before {
  display: block
}

.a-button--disabled::before {
  display: none
}
.a-button+.a-button{
margin-left: 8px;
}



.dialog-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.dialog-button:hover {
  background-color: #0056b3;
}